<template>
  <div class="container">

    <Scroll class="all">
      <router-view/>
      <div>
        <MainTab/>
        <div id="home_header"><Header/></div>
        <div class="home_con">
          <div class="home_header_1"><Header_1/></div>
          <img class="logo" src="../../assets/img/2.1.jpg">
          <div id="home_content"><Content/></div>
        </div>
      </div>
    </Scroll>
  </div>
</template>

<script>
import MainTab from "../../components/content/home/MainTab";
import Content from "../../components/content/home/Content";
import Header from "../../components/content/home/Header";
import Header_1 from "../../components/content/home/Header_1";
import Scroll from "../../components/common/scroll/Scroll";
export default {
  name: "Home",
  components:{
    MainTab,Content,Header,Header_1,Scroll
  },
}
</script>

<style scoped>
  .container{
    width: 100%;
    height: 1500px;
    position: relative;
  }
 #home_header{/*滑动窗口*/
    position: fixed;
     width: 100%;
    top:60px;
  }
.home_con{/*其余主页面的框架*/
  position: fixed;
  left:320px;
  height:auto;
}
.home_header_1{/*!*第一部分*!*/
  position:fixed;
  left: auto;
  top:450px;
}
  #home_content{/*!*第三部分*!*/
   position: absolute;
    margin: 0 auto;
    width: 1100px;
    margin-top: 900px;

 }
 .all{
    /* height: 500px;
     background-color: red;*/
    height:500px;
    overflow:hidden;
 }
  .logo{
    position: absolute;
    width: 1000px;
    height: 300px;
    margin: 0 auto;
    margin-top: 580px;
  }
</style>
